<div th:replace="~{ app :: layout ('博客', _, _, ~{::#main}, _) }" xmlns:th="http://www.thymeleaf.org">
    <div class="container" id="main">
        <div class="mx-lg-auto">

            <div class="row">
                <div class="col-md-6">
                    <article class="border-bottom h-100 pb-5  pt-md-0">
                        <div class="row justify-content-between">
                            <div class="col-7">
                                <h2 class="mb-2 h5"><a class="text-inherit" href="posts-show">npm 加速，修改镜像源</a></h2>
                                <div class="small text-muted">
                                    <a href="#">ddd</a>
                                    <span> - </span>
                                    <span title="2023-06-11 14:59:23">2天前</span>
                                    <span> - </span>
                                    <a href="#"
                                       class="badge badge-light font-weight-normal text-muted p-1">npm</a>
                                    <a href="#"
                                       class="badge badge-light font-weight-normal text-muted p-1">镜像源</a>
                                </div>
                            </div>
                            <div class="col-5">
                                <div class="d-flex">
                                    <a href="posts-show" class="w-100">
                                        <img class="img-fluid shadow-sm rounded ratio-16x9" src="img/cover/npm-cover.png">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </article>
                </div>
                <div class="col-md-6">
                    <article class="border-bottom h-100 pb-5 pt-5 pt-md-0">
                        <div class="row justify-content-between">
                            <div class="col-7">
                                <h2 class="mb-2 h5"><a class="text-inherit" href="posts-show">yarn 加速，修改镜像源</a></h2>
                                <div class="small text-muted">
                                    <a href="#">ddd</a>
                                    <span> - </span>
                                    <span title="2023-06-11 14:59:23">2天前</span>
                                    <span> - </span>
                                    <a href="#"
                                       class="badge badge-light font-weight-normal text-muted p-1">yarn</a>
                                    <a href="#"
                                       class="badge badge-light font-weight-normal text-muted p-1">镜像源</a>
                                </div>
                            </div>
                            <div class="col-5">
                                <div class="d-flex">
                                    <a href="posts-show" class="w-100">
                                        <img class="img-fluid shadow-sm rounded ratio-16x9" src="img/cover/yarn-cover.png">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </article>
                </div>
                <div class="col-md-6">
                    <article class="border-bottom h-100 pb-5 pt-5 ">
                        <div class="row justify-content-between">
                            <div class="col-7">
                                <h2 class="mb-2 h5"><a class="text-inherit" href="posts-show">composer 加速，修改镜像源</a></h2>
                                <div class="small text-muted">
                                    <a href="#">ddd</a>
                                    <span> - </span>
                                    <span title="2023-06-11 14:59:23">2天前</span>
                                    <span> - </span>
                                    <a href="#"
                                       class="badge badge-light font-weight-normal text-muted p-1">composer</a>
                                    <a href="#"
                                       class="badge badge-light font-weight-normal text-muted p-1">镜像源</a>
                                </div>
                            </div>
                            <div class="col-5">
                                <div class="d-flex">
                                    <a href="posts-show" class="w-100">
                                        <img class="img-fluid shadow-sm rounded ratio-16x9" src="img/cover/composer-cover.png">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </article>
                </div>
                <div class="col-md-6">
                    <article class="border-bottom h-100 pb-5 pt-5 ">
                        <div class="row justify-content-between">
                            <div class="col-7">
                                <h2 class="mb-2 h5"><a class="text-inherit" href="posts-show">maven 加速，修改镜像源</a></h2>
                                <div class="small text-muted">
                                    <a href="#">ddd</a>
                                    <span> - </span>
                                    <span title="2023-06-11 14:59:23">2天前</span>
                                    <span> - </span>
                                    <a href="#"
                                       class="badge badge-light font-weight-normal text-muted p-1">maven</a>
                                    <a href="#"
                                       class="badge badge-light font-weight-normal text-muted p-1">镜像源</a>
                                </div>
                            </div>
                            <div class="col-5">
                                <div class="d-flex">
                                    <a href="posts-show" class="w-100">
                                        <img class="img-fluid shadow-sm rounded ratio-16x9" src="img/cover/maven-cover.png">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </article>
                </div>
            </div>

            <nav class="kx-pagination d-flex mt-5 justify-content-end">

            </nav>
        </div>
    </div>
</div>